p{
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;  
  font-size: 14px;
}

pre{
  margin: 0;
}

.progress{
  height:100%;
  transition: width .6s ease;
  background-color: #337ab7;
}

.danger{
  background-color: #c9300a;
  border-color: #ac2925;
  color: #fff;
}

.success{
  background-color: #449d44;
  border-color: #398439;  
  color: #fff;
}

.warning{
  background-color: #ec971f;
  border-color: #d58512;  
  color: #fff;
}

.info{
  background-color: #5bc0de;
  border-color: #46b8da;  
  color: #fff;
}

.primary{
  background-color: #337ab7;
  border-color: #2e6da4;  
  color: #fff;
}

.progressbar{
  padding: 0;
  width: 100%;  
  height:20px;
  border: 1px solid #888;
  background-color: #ebebeb;
  line-height: 20px;
  text-align: center;
  font-weight:700;
  color: #fff;
}

.progress-small{
  height:10px;
}

.progress-large{
  height:30px;
  line-height:30px;
}

button{
  height:30px;
  padding: 0px 12px;
  border: 1px solid #888;
  background-color: #fff;
  font-size: 14px;
  transition: 0.2s ease;
}

.button-large{
  height: 40px;
  padding: 0px 16px;
  font-size: 16px;
}

.button-giant{
  height: 70px;
  padding: 0px 24px;
  font-size: 36px;
}

.button-small{
  height: 25px;
  padding: 0px 10px;
  font-size: 12px;
}

.button-tiny{
  height:20px;
  padding: 0px 10px;
  font-size: 10px;
}

button:hover{
  box-shadow: inset 0 0 5em 1em rgba(0,0,0,.1);
  cursor:pointer;
}

.unc-example{
  position: relative;
  border: 1px solid #888;
  padding: 30px;
  padding-top: 35px;
  margin-bottom: -1px;
}

.unc-example::after{
  position: absolute;
  top: 10px;
  left: 10px;
  content: "Example";
  color: #888;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.highlight{
  border: 1px solid #888;
}

.callout{
  border: 1px solid #888;
  padding: 20px;
  margin: 20px 0px;
}

.callout h3{  
  margin-top: 0;
  margin-bottom: 7px;
}

.callout-info{
  border-left: 7px solid #5bc0de;
}

.callout-info h3{
  color: #5bc0de;
}
.callout-warning{
  border-left: 7px solid #ec971f;
}

.callout-warning h3{
  color: #ec971f;
}
.callout-danger{
  border-left: 7px solid #c9300a;
}

.callout-danger h3{
  color: #c9300a;
}

.unc-input {
  position: relative;
  margin-bottom: 5px;
  padding: 0;
  border: 1px solid #888;
}

.unc-input input[type=text]{
  position: absolute;
  height: 100%;
  width: 100%;
  padding-left: 9px;
  border: none;
  font-size: 16px;
  margin: 0;
}

.unc-input-regular {
  height: 30px;
}

.unc-input-large {
  height: 40px;
}

.unc-input-large input[type=text]{
  font-size: 20px;
  padding: 0 12px;
}

.unc-input-small{
  height: 20px;
}

.unc-input-small input[type=text]{
  font-size: 12px;
  padding: 0 6px;
}